<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title th:text="${session.loginUser.name}+'的首页丨微博'">用户首页丨微博</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<meta content="" name="description"/>
	<meta content="" name="keywords"/>
	<link href="../static/css/animate.css" rel="stylesheet" type="text/css">
	<link href="../static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="../static/css/line-awesome.css" rel="stylesheet" type="text/css">
	<link href="../static/css/line-awesome-font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="../static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="../static/css/jquery.mCustomScrollbar.min.css" rel="stylesheet" type="text/css">
	<link href="../static/lib/slick/slick.css" rel="stylesheet" type="text/css">
	<link href="../static/lib/slick/slick-theme.css" rel="stylesheet" type="text/css">
	<link href="../static/css/style.css" rel="stylesheet" type="text/css">
	<link href="../static/css/responsive.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="wrapper">
	<header>
		<div class="container">
			<div class="header-data">
				<div class="logo">
					<a href="index.html" title=""><img alt="" src="../static/images/logo.png"></a>
				</div><!--logo end-->
				<div class="search-bar">
					<form>
						<input name="search" placeholder="Search..." type="text">
						<button type="submit"><i class="la la-search"></i></button>
					</form>
				</div><!--search-bar end-->
				<nav>
					<ul>
						<li>
							<a href="index.html" title="">
								<span><img alt="" src="../static/images/icon1.png"></span>
								Home
							</a>
						</li>
						<li>
							<a href="companies.html" title="">
								<span><img alt="" src="../static/images/icon2.png"></span>
								Companies
							</a>
						</li>
						<li>
							<a href="projects.html" title="">
								<span><img alt="" src="../static/images/icon3.png"></span>
								Projects
							</a>
						</li>
						<li>
							<a href="profiles.html" title="">
								<span><img alt="" src="../static/images/icon4.png"></span>
								Profiles
							</a>
							<ul>
								<li><a href="user-profile.html" title="">User Profile</a></li>
								<li><a href="my-profile-feed.html" title="">my-profile-feed</a></li>
							</ul>
						</li>
						<li>
							<a href="jobs.html" title="">
								<span><img alt="" src="../static/images/icon5.png"></span>
								Jobs
							</a>
						</li>
						<li>
							<a class="not-box-open" href="#" title="">
								<span><img alt="" src="../static/images/icon6.png"></span>
								Messages
							</a>
							<div class="notification-box msg">
								<div class="nt-title">
									<h4>Setting</h4>
									<a href="#" title="">Clear all</a>
								</div>
								<div class="nott-list">
									<div class="notfication-details">
										<div class="noty-user-img">
											<img alt="" src="../static/images/resources/ny-img1.png">
										</div>
										<div class="notification-info">
											<h3><a href="messages.html" title="">Jassica William</a></h3>
											<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.</p>
											<span>2 min ago</span>
										</div><!--notification-info -->
									</div>
									<div class="notfication-details">
										<div class="noty-user-img">
											<img alt="" src="../static/images/resources/ny-img2.png">
										</div>
										<div class="notification-info">
											<h3><a href="messages.html" title="">Jassica William</a></h3>
											<p>Lorem ipsum dolor sit amet.</p>
											<span>2 min ago</span>
										</div><!--notification-info -->
									</div>
									<div class="notfication-details">
										<div class="noty-user-img">
											<img alt="" src="../static/images/resources/ny-img3.png">
										</div>
										<div class="notification-info">
											<h3><a href="messages.html" title="">Jassica William</a></h3>
											<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
												tempo incididunt ut labore et dolore magna aliqua.</p>
											<span>2 min ago</span>
										</div><!--notification-info -->
									</div>
									<div class="view-all-nots">
										<a href="messages.html" title="">View All Messsages</a>
									</div>
								</div><!--nott-list end-->
							</div><!--notification-box end-->
						</li>
						<li>
							<a class="not-box-open" href="#" title="">
								<span><img alt="" src="../static/images/icon7.png"></span>
								Notification
							</a>
							<div class="notification-box">
								<div class="nt-title">
									<h4>Setting</h4>
									<a href="#" title="">Clear all</a>
								</div>
								<div class="nott-list">
									<div class="notfication-details">
										<div class="noty-user-img">
											<img alt="" src="../static/images/resources/ny-img1.png">
										</div>
										<div class="notification-info">
											<h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
											<span>2 min ago</span>
										</div><!--notification-info -->
									</div>
									<div class="notfication-details">
										<div class="noty-user-img">
											<img alt="" src="../static/images/resources/ny-img2.png">
										</div>
										<div class="notification-info">
											<h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
											<span>2 min ago</span>
										</div><!--notification-info -->
									</div>
									<div class="notfication-details">
										<div class="noty-user-img">
											<img alt="" src="../static/images/resources/ny-img3.png">
										</div>
										<div class="notification-info">
											<h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
											<span>2 min ago</span>
										</div><!--notification-info -->
									</div>
									<div class="notfication-details">
										<div class="noty-user-img">
											<img alt="" src="../static/images/resources/ny-img2.png">
										</div>
										<div class="notification-info">
											<h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
											<span>2 min ago</span>
										</div><!--notification-info -->
									</div>
									<div class="view-all-nots">
										<a href="#" title="">View All Notification</a>
									</div>
								</div><!--nott-list end-->
							</div><!--notification-box end-->
						</li>
					</ul>
				</nav><!--nav end-->
				<div class="menu-btn">
					<a href="#" title=""><i class="fa fa-bars"></i></a>
				</div><!--menu-btn end-->
				<div class="user-account">
					<div class="user-info">
						<img alt="" src="../static/images/user/user.png">
						<a href="#" title="">John</a>
						<i class="la la-sort-down"></i>
					</div>
					<div class="user-account-settingss">
						<h3>Online Status</h3>
						<ul class="on-off-status">
							<li>
								<div class="fgt-sec">
									<input id="c5" name="cc" type="radio">
									<label for="c5">
										<span></span>
									</label>
									<small>Online</small>
								</div>
							</li>
							<li>
								<div class="fgt-sec">
									<input id="c6" name="cc" type="radio">
									<label for="c6">
										<span></span>
									</label>
									<small>Offline</small>
								</div>
							</li>
						</ul>
						<h3>Custom Status</h3>
						<div class="search_form">
							<form>
								<input name="search" type="text">
								<button type="submit">Ok</button>
							</form>
						</div><!--search_form end-->
						<h3>Setting</h3>
						<ul class="us-links">
							<li><a href="profile-account-setting.html" title="">Account Setting</a></li>
							<li><a href="#" title="">Privacy</a></li>
							<li><a href="#" title="">Faqs</a></li>
							<li><a href="#" title="">Terms & Conditions</a></li>
						</ul>
						<h3 class="tc"><a href="#" title="">退出登录</a></h3>
					</div><!--user-account-settingss end-->
				</div>
			</div><!--header-data end-->
		</div>
	</header><!--header end-->

	<main>
		<div class="main-section">
			<div class="container">
				<div class="main-section-data">
					<div class="row">
						<div class="col-lg-3 col-md-4 pd-left-none no-pd">
							<div class="main-left-sidebar no-margin">
								<div class="user-data full-width">
									<div class="user-profile">
										<div class="username-dt">
											<div class="usr-pic">
												<img alt="" src="../static/images/resources/user-pic.png">
											</div>
										</div><!--用户头像 end-->
										<div class="user-specs">
											<h3 th:text="${session.loginUser.getName()}">用户名称</h3>
											<span th:text="${session.loginUser}">个人说明</span>
										</div>
									</div><!--用户描述 end-->
									<ul class="user-fw-status">
										<li>
											<h4>粉丝</h4>
											<span>34</span>
										</li>
										<li>
											<h4>关注</h4>
											<span>155</span>
										</li>
										<li>
											<a href="#" title="">查看资料</a>
										</li>
									</ul>
								</div><!--用户信息 end-->
								<div class="suggestions full-width">
									<div class="sd-title">
										<h3>新加入的人</h3>
										<i class="la la-ellipsis-v"></i>
									</div><!--标题 end-->
									<div class="suggestions-list">
										<!-- 6个-->
										<div class="suggestion-usd">
											<a href="#"><img alt="" class="img35"
															 src="../static/images/resources/s1.png"></a>
											<div class="sgt-text">
												<a href="#"><h4>用户名</h4></a>
												<span>性别，年龄</span>
											</div>
											<span><a href="#" title="关注"><i class="la la-plus"></i></a></span>
										</div>
										<div class="view-more">
											<a href="#" title="">查看更多</a>
										</div>
									</div><!--用户列表 end-->
								</div><!--最近使用微博 end-->
								<div class="tags-sec full-width">
									<ul>
										<li><a href="#" title="">Help Center</a></li>
										<li><a href="#" title="">About</a></li>
										<li><a href="#" title="">Privacy Policy</a></li>
										<li><a href="#" title="">Community Guidelines</a></li>
										<li><a href="#" title="">Cookies Policy</a></li>
										<li><a href="#" title="">Career</a></li>
										<li><a href="#" title="">Language</a></li>
										<li><a href="#" title="">Copyright Policy</a></li>
									</ul>
									<div class="cp-sec">
										<img alt="" src="../static/images/logo2.png">
										<p><img alt="" src="../static/images/cp.png">Copyright 2017</p>
									</div>
								</div><!--标签 end-->
							</div><!--主页左侧 end-->
						</div>
						<!--中-->
						<div class="col-lg-6 col-md-8 no-pd">
							<div class="main-ws-sec">
								<div class="post-topbar">
									<div class="user-picy">
										<img alt="" src="../static/images/resources/user-pic.png">
									</div>
									<div class="post-st">
										<ul>
											<li><a class="post_project" href="#" title="">发送私信</a></li>
											<li><a class="post-jb active" href="#" title="">关注他</a></li>
										</ul>
									</div><!--post-st end-->
								</div><!--post-topbar end-->
								<div class="posts-section">
									<div class="post-bar">
										<div class="post_topbar">
											<div class="usy-dt">
												<img alt="" class="img50" src="../static/images/resources/user-pic.png">
												<div class="usy-name">
													<h3>用户名</h3>
													<span><img alt="" src="../static/images/clock.png">2020-08-04&nbsp;9:54:24</span>
												</div>
											</div>
											<div class="ed-opts">
												<a class="ed-opts-open" href="#" title=""><i
														class="la la-ellipsis-v"></i></a>
												<ul class="ed-options">
													<li><a href="#" title="">编辑</a></li>
													<li><a href="#" title="">删除</a></li>
												</ul>
											</div>
										</div>
										<div class="epi-sec">
											<ul class="descp">
												<li><img alt="" src="../static/images/icon8.png"><span>来自网页版微博</span>
												</li>
												<li><img alt="" src="../static/images/icon9.png"><span>重庆</span></li>
											</ul>
											<ul class="bk-links">
												<li><a href="#" title="收藏"><i class="la la-bookmark"></i></a></li>
												<li><a href="#" title="私信"><i class="la la-envelope"></i></a></li>
												<li><a class="bid_now" href="#" title="">关注他</a></li>
											</ul>
										</div>
										<div class="job_descp">
											<p>
												微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文<a
													href="#" title="">显示更多</a></p>
											<ul class="skill-tags">
												<li><a href="#" title="">测试</a></li>
												<li><a href="#" title="">标签1</a></li>
												<li><a href="#" title="">标签2</a></li>
											</ul>
										</div>
										<div class="job-status-bar">
											<ul class="like-com">
												<li>
													<a href="#"><i class="la la-heart"></i>&nbsp;喜欢</a>
													<img alt="" src="../static/images/liked-img.png">
													<span>25</span>
												</li>
												<li><a class="com" href="#" title=""><img alt=""
																						  src="../static/images/com.png">&nbsp;评论&nbsp;15</a>
												</li>
											</ul>
											<a><i class="la la-eye"></i>浏览&nbsp;50</a>
										</div>
									</div><!--微博信息结束 end-->
									<div class="top-profiles">
										<div class="pf-hd">
											<h3>热门用户 TOP 10</h3>
											<i class="la la-ellipsis-v"></i>
										</div>
										<div class="profiles-slider">
											<div class="user-profy">
												<img alt="" src="../static/images/user/user1.png">
												<h3>用户1</h3>
												<span>个人说明</span>
												<ul>
													<li><a class="followw" href="#" title="关注">关注</a></li>
													<li><a class="envlp" href="#" title="私信"><img alt=""
																								  src="../static/images/envelop.png"></a>
													</li>
													<!--														<li><a href="#" title="" class="hire">123&nbsp;粉丝</a></li>-->
												</ul>
												<a href="#" title="">去Ta的主页</a>
											</div><!--用户信息结束-->
											<div class="user-profy">
												<img alt="" src="../static/images/user/user1.png">
												<h3>用户2</h3>
												<span>个人说明</span>
												<ul>
													<li><a class="followw" href="#" title="关注">关注</a></li>
													<li><a class="envlp" href="#" title="私信"><img alt=""
																								  src="../static/images/envelop.png"></a>
													</li>
													<!--														<li><a href="#" title="" class="hire">hire</a></li>-->
												</ul>
												<a href="#" title="">去Ta的主页</a>
											</div><!--用户信息结束-->
										</div><!--热门TOP10用户头像结束-->
									</div><!--热门TOP10用户板块结束-->
									<div class="post-bar">
										<div class="post_topbar">
											<div class="usy-dt">
												<img alt="" class="img50" src="../static/images/resources/user-pic.png">
												<div class="usy-name">
													<h3>转发测试员</h3>
													<span><img alt="" src="../static/images/clock.png">2020-08-04&nbsp;9:54:24</span>
												</div>
											</div>
											<div class="ed-opts">
												<a class="ed-opts-open" href="#" title=""><i
														class="la la-ellipsis-v"></i></a>
												<ul class="ed-options">
													<li><a href="#" title="">编辑</a></li>
													<li><a href="#" title="">删除</a></li>
												</ul>
											</div>
										</div>
										<div class="epi-sec">
											<ul class="descp">
												<li><img alt="" src="../static/images/icon8.png"><span>来自网页版微博</span>
												</li>
												<li><img alt="" src="../static/images/icon9.png"><span>重庆</span></li>
											</ul>
											<ul class="bk-links">
												<li><a href="#" title="收藏"><i class="la la-bookmark"></i></a></li>
												<li><a href="#" title="私信"><i class="la la-envelope"></i></a></li>
												<li><a class="bid_now" href="#" title="">关注他</a></li>
											</ul>
										</div>
										<div class="job_descp">
											<h3>评论评论评论评论</h3>
											<p><a href="#">原博主：</a>微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文<a
													href="#" title="">显示更多</a></p>
										</div>
										<div class="job-status-bar">
											<ul class="like-com">
												<li>
													<a href="#"><i class="la la-heart"></i>&nbsp;喜欢</a>
													<img alt="" src="../static/images/liked-img.png">
													<span>25</span>
												</li>
												<li><a class="com" href="#" title=""><img alt=""
																						  src="../static/images/com.png">&nbsp;评论&nbsp;15</a>
												</li>
											</ul>
											<a><i class="la la-eye"></i>浏览&nbsp;50</a>
										</div>
									</div><!--微博信息结束 end-->
									<div class="comment-section">
										<div class="plus-ic">
											<i class="la la-plus"></i>
										</div>
										<div class="comment-sec">
											<ul>
												<li>
													<div class="comment-list">
														<div class="bg-img">
															<img alt="" src="../static/images/resources/bg-img1.png">
														</div>
														<div class="comment">
															<h3>用户名</h3>
															<span><img alt="" src="../static/images/clock.png">2020-08-04 11:26:20</span>
															<p>这是一条评论</p>
															<a class="active" href="#" title=""><i
																	class="fa fa-reply-all"></i>回复</a>
														</div>
													</div><!--评论 end-->
													<ul>
														<li>
															<div class="comment-list">
																<div class="bg-img">
																	<img alt=""
																		 src="../static/images/resources/bg-img2.png">
																</div>
																<div class="comment">
																	<h3>用户名</h3>
																	<span><img alt="" src="../static/images/clock.png">2020-08-04 11:26:12</span>
																	<p>这是一条回复</p>
																	<a href="#" title=""><i class="fa fa-reply-all"></i>回复</a>
																</div>
															</div><!--评论 end-->
														</li>
													</ul>
												</li>
												<li>
													<div class="comment-list">
														<div class="bg-img">
															<img alt="" src="../static/images/resources/bg-img3.png">
														</div>
														<div class="comment">
															<h3>用户名</h3>
															<span><img alt="" src="../static/images/clock.png">2020-08-04 11:26:55</span>
															<p>评论2</p>
															<a href="#" title=""><i class="fa fa-reply-all"></i>回复</a>
														</div>
													</div><!--评论 end-->
												</li>
											</ul>
										</div><!--评论列表 end-->
										<div class="post-comment">
											<div class="cm_img">
												<img alt="" src="../static/images/resources/bg-img4.png">
											</div>
											<div class="comment_box">
												<form>
													<input placeholder="写下你的想法吧" type="text">
													<button type="submit">Send</button>
												</form>
											</div>
										</div><!--评论框 end-->
									</div><!--评论部分 end-->
									<div class="process-comm">
										<a href="#" title="更多"><img alt="" src="../static/images/process-icon.png"></a>
									</div><!--底部翻页 end-->
								</div><!--主信息 end-->
							</div><!--主页中间信息 end-->
						</div>
						<!--右-->
						<div class="col-lg-3 pd-right-none no-pd">
							<div class="right-sidebar">
								<div class="widget widget-about">
									<img alt="" src="../static/images/wd-logo.png">
									<h3>微博</h3>
									<span>与世界分享新鲜事</span>
									<div class="sign_link">
										<h3><a href="#" title="">注 册</a></h3>
										<a href="#" title="">了解更多</a>
									</div>
								</div><!--登录 end-->

								<div class="widget widget-jobs">
									<div class="sd-title">
										<h3>公告</h3>
										<i class="la la-ellipsis-v"></i>
									</div>
									<div class="jobs-list">
										<div class="job-info">
											<div class="job-details">
												<h3>功能抢鲜</h3>
												<p>微博预计8月8日推出新功能：注册</p>
											</div>
											<div class="hr-rate">
												<span class="red">Hot</span>
											</div>
										</div><!--公告信息 end-->
										<div class="job-info">
											<div class="job-details">
												<h3>招聘启事</h3>
												<p>项目进度缓慢，急需工程师！</p>
											</div>
											<div class="hr-rate">
												<span class="red">New</span>
											</div>
										</div><!--公告信息 end-->
									</div><!--公告列表 end-->
								</div><!--公告 end-->
								<div class="widget widget-jobs">
									<div class="sd-title">
										<h3>最近活跃用户</h3>
										<i class="la la-ellipsis-v"></i>
									</div><!--标题 end-->
									<div class="suggestions-list">
										<!--默认6个-->
										<div class="suggestion-usd">
											<a href="#"><img alt="" class="img35"
															 src="../static/images/resources/s1.png"></a>
											<div class="sgt-text">
												<a href="#"><h4>用户名</h4></a>
												<span>性别，年龄</span>
											</div>
											<span><a href="#" title="关注"><i class="la la-plus"></i></a></span>
										</div>
										<div class="view-more">
											<a href="#" title="">查看更多</a>
										</div>
									</div><!--用户列表 end-->
								</div><!--最近使用微博 end-->
							</div><!--right-sidebar end-->
						</div>
					</div>
				</div><!-- main-section-data end-->
			</div>
		</div>
	</main>


	<div class="post-popup pst-pj">
		<div class="post-project">
			<h3>Post a project</h3>
			<div class="post-project-fields">
				<form>
					<div class="row">
						<div class="col-lg-12">
							<input name="title" placeholder="Title" type="text">
						</div>
						<div class="col-lg-12">
							<div class="inp-field">
								<select>
									<option>Category</option>
									<option>Category 1</option>
									<option>Category 2</option>
									<option>Category 3</option>
								</select>
							</div>
						</div>
						<div class="col-lg-12">
							<input name="skills" placeholder="Skills" type="text">
						</div>
						<div class="col-lg-12">
							<div class="price-sec">
								<div class="price-br">
									<input name="price1" placeholder="Price" type="text">
									<i class="la la-dollar"></i>
								</div>
								<span>To</span>
								<div class="price-br">
									<input name="price1" placeholder="Price" type="text">
									<i class="la la-dollar"></i>
								</div>
							</div>
						</div>
						<div class="col-lg-12">
							<textarea name="description" placeholder="Description"></textarea>
						</div>
						<div class="col-lg-12">
							<ul>
								<li>
									<button class="active" type="submit" value="post">Post</button>
								</li>
								<li><a href="#" title="">Cancel</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div><!--post-project-fields end-->
			<a href="#" title=""><i class="la la-times-circle-o"></i></a>
		</div><!--post-project end-->
	</div><!--post-project-popup end-->

	<div class="post-popup job_post">
		<div class="post-project">
			<h3>Post a job</h3>
			<div class="post-project-fields">
				<form>
					<div class="row">
						<div class="col-lg-12">
							<input name="title" placeholder="Title" type="text">
						</div>
						<div class="col-lg-12">
							<div class="inp-field">
								<select>
									<option>Category</option>
									<option>Category 1</option>
									<option>Category 2</option>
									<option>Category 3</option>
								</select>
							</div>
						</div>
						<div class="col-lg-12">
							<input name="skills" placeholder="Skills" type="text">
						</div>
						<div class="col-lg-6">
							<div class="price-br">
								<input name="price1" placeholder="Price" type="text">
								<i class="la la-dollar"></i>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="inp-field">
								<select>
									<option>Full Time</option>
									<option>Half time</option>
								</select>
							</div>
						</div>
						<div class="col-lg-12">
							<textarea name="description" placeholder="Description"></textarea>
						</div>
						<div class="col-lg-12">
							<ul>
								<li>
									<button class="active" type="submit" value="post">Post</button>
								</li>
								<li><a href="#" title="">Cancel</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div><!--post-project-fields end-->
			<a href="#" title=""><i class="la la-times-circle-o"></i></a>
		</div><!--post-project end-->
	</div><!--post-project-popup end-->


	<!--聊天列表-->
	<div class="chatbox-list">
		<div class="chatbox">
			<div class="chat-mg">
				<a href="#" title=""><img alt="" src="../static/images/resources/usr-img1.png"></a>
				<span>2</span>
			</div>
			<div class="conversation-box">
				<div class="con-title mg-3">
					<div class="chat-user-info">
						<img alt="" class="img35" src="../static/images/resources/user-pic.png">
						<h3>小明<span class="status-info"></span></h3>
					</div>
					<div class="st-icons">
						<a href="#" title=""><i class="la la-cog"></i></a>
						<a class="close-chat" href="#" title=""><i class="la la-minus-square"></i></a>
						<a class="close-chat" href="#" title=""><i class="la la-close"></i></a>
					</div>
				</div>
				<div class="chat-hist mCustomScrollbar" data-mcs-theme="dark">
					<div class="chat-msg">
						<p>这是一条消息。</p>
						<span>2020/8/9 1:03:26</span>
					</div>
					<div class="date-nd">
						<span>2020/8/10</span>
					</div>
					<div class="chat-msg st2">
						<p>什么玩意儿？</p>
						<span>5分钟前</span>
					</div>
					<div class="chat-msg">
						<p>没啥。。</p>
						<span>刚刚</span>
					</div>
				</div><!--聊天记录 end-->
				<div class="typing-msg">
					<form>
						<textarea placeholder="Type a message here"></textarea>
						<button type="submit"><i class="fa fa-send"></i></button>
					</form>
					<ul class="ft-options">
						<li><a href="#" title=""><i class="la la-smile-o"></i></a></li>
						<li><a href="#" title=""><i class="la la-camera"></i></a></li>
						<li><a href="#" title=""><i class="fa fa-paperclip"></i></a></li>
					</ul>
				</div><!--typing-msg end-->
			</div><!--chat-history end-->
		</div>
		<div class="chatbox">
			<div class="chat-mg">
				<a href="#" title=""><img alt="" src="../static/images/resources/usr-img2.png"></a>
			</div>
			<div class="conversation-box">
				<div class="con-title mg-3">
					<div class="chat-user-info">
						<img class="img35" src="../static/images/resources/user-pic.png">
						<h3>John Doe <span class="status-info"></span></h3>
					</div>
					<div class="st-icons">
						<a href="#" title=""><i class="la la-cog"></i></a>
						<a class="close-chat" href="#" title=""><i class="la la-minus-square"></i></a>
						<a class="close-chat" href="#" title=""><i class="la la-close"></i></a>
					</div>
				</div>
				<div class="chat-hist mCustomScrollbar" data-mcs-theme="dark">
					<div class="chat-msg">
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget
							malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
						<span>Sat, Aug 23, 1:10 PM</span>
					</div>
					<div class="date-nd">
						<span>Sunday, August 24</span>
					</div>
					<div class="chat-msg st2">
						<p>Cras ultricies ligula.</p>
						<span>5 minutes ago</span>
					</div>
					<div class="chat-msg">
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget
							malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
						<span>Sat, Aug 23, 1:10 PM</span>
					</div>
				</div><!--chat-list end-->
				<div class="typing-msg">
					<form>
						<textarea placeholder="Type a message here"></textarea>
						<button type="submit"><i class="fa fa-send"></i></button>
					</form>
					<ul class="ft-options">
						<li><a href="#" title=""><i class="la la-smile-o"></i></a></li>
						<li><a href="#" title=""><i class="la la-camera"></i></a></li>
						<li><a href="#" title=""><i class="fa fa-paperclip"></i></a></li>
					</ul>
				</div><!--typing-msg end-->
			</div><!--chat-history end-->
		</div>
		<div class="chatbox">
			<div class="chat-mg bx">
				<a href="#" title=""><img alt="" src="../static/images/chat.png"></a>
				<span>2</span>
			</div>
			<div class="conversation-box">
				<div class="con-title">
					<h3>Messages</h3>
					<a class="close-chat" href="#" title=""><i class="la la-minus-square"></i></a>
				</div>
				<div class="chat-list">
					<div class="conv-list active">
						<div class="usrr-pic">
							<img alt="" class="img50" src="../static/images/resources/usy1.png">
							<span class="active-status activee"></span>
						</div>
						<div class="usy-info">
							<h3>John Doe</h3>
							<span>Lorem ipsum dolor <img alt="" src="../static/images/smley.png"></span>
						</div>
						<div class="ct-time">
							<span>1:55 PM</span>
						</div>
						<span class="msg-numbers">2</span>
					</div>
					<div class="conv-list">
						<div class="usrr-pic">
							<img alt="" class="img50" src="../static/images/resources/usy2.png">
						</div>
						<div class="usy-info">
							<h3>John Doe</h3>
							<span>Lorem ipsum dolor <img alt="" src="../static/images/smley.png"></span>
						</div>
						<div class="ct-time">
							<span>11:39 PM</span>
						</div>
					</div>
					<div class="conv-list">
						<div class="usrr-pic">
							<img alt="" class="img50" src="../static/images/resources/usy3.png">
						</div>
						<div class="usy-info">
							<h3>John Doe</h3>
							<span>Lorem ipsum dolor <img alt="" src="../static/images/smley.png"></span>
						</div>
						<div class="ct-time">
							<span>0.28 AM</span>
						</div>
					</div>
				</div><!--chat-list end-->
			</div><!--conversation-box end-->
		</div>
	</div><!--chatbox-list end-->

</div><!--theme-layout end-->


<script src="../static/js/jquery.min.js" type="text/javascript"></script>
<script src="../static/js/popper.js" type="text/javascript"></script>
<script src="../static/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../static/js/jquery.mCustomScrollbar.js" type="text/javascript"></script>
<script src="../static/lib/slick/slick.min.js" type="text/javascript"></script>
<script src="../static/js/scrollbar.js" type="text/javascript"></script>
<script src="../static/js/script.js" type="text/javascript"></script>

</body>
</html>
